@charset "utf-8";
/* CSS Document */
body,ul,ol,h1,h2,h3,p,form,input,ul,ol,input{ margin:0px; padding:0px;font-family:"Microsoft Yahei";color:#212121;font-size:14px;}
ul,ol{list-style:none;margin:0;padding:0;}
a{ color:#000;text-decoration:none;cursor:pointer;}
li a:hover{ text-decoration:none;}
a img{ border:none;}
img{padding:0px;margin:0px;vertical-align:middle;border:0 none;height:auto;max-width:100%; margin-top:35px;}
img.nomar{margin-top:20px;}

.clear{ clear:both; font-size:0px; line-height:0px; height:0px; visibility:hidden;}
.clearfix{ display:block;}
.clearfix:after{content: "."; display:block;  height:0; font-size:0; clear:both; visibility:hidden;}
body{color:#020202; background:#fff;margin:0;position:relative;}

form{ margin:0px; padding:0px; border:none; list-style:none;}
input{padding:0px;margin:0px;}
img{behavior: url("pngbehavior.htc");}
table{border-collapse:collapse;}
label{margin-bottom:5px;display:block;}
label,input,button,select,textarea{font-size:13px;line-height:20px;font-weight:normal;}
textarea{vertical-align:middle;}
table{border-collapse:separate;}
html{font-size: 14px !important;}

header{width:100%; min-width: 320px; max-width: 640px; margin:0 auto;}
header h1{font-size:14px; padding:15px 0px; margin:0 10px; border-bottom:1px solid #bdbdbd; font-weight: 700;}
#recordList{width:100%; min-width: 320px; max-width: 640px; margin:0 auto;}
#recordList ul{padding:0 10px 10px 10px;}
#recordList ul li{ border-bottom:1px solid #ebebeb; padding-top:10px;}
#recordList ul li .lotteryName{ width:100%; height:30px; line-height: 30px; font-size:1.2rem;}
#recordList ul li .dataTime{width:100%; height:30px; line-height: 30px; font-size: 0.92rem; color:#bdbdbd;}
#recordList ul li .dataTime span{padding-left:10px;}
.addr{width:94px; height:30px; line-height: 30px;  float: right; text-align: right; font-size:0.92rem; color:blue;}
#tip{width:100%; height:30px; line-height: 30px; text-align: center; position:absolute; bottom:0; color:#bdbdbd; display: none;}

@media screen and (min-width:340px) and (max-width:384px){
    html{font-size: 15px !important;}

}
/**/
@media screen and (min-width:385px) and (max-width:415px){
    html{font-size: 17px !important;}

}
@media screen and (min-width:416px) and (max-width:480px){
    html{font-size: 17px !important;}

}
@media screen and (min-width:481px) and (max-width:510px){
    html{font-size: 19px !important;}

}
@media screen and (min-width:511px) and (max-width:640px){
    html{font-size: 21px !important;}

}
@media screen and (min-width: 641px){
    html{font-size: 23px !important;}

}


